<template>
 <view class="">
 	<view class="list">
		{{list}}
 	</view>
 </view>
</template>

<script setup>
	
	import {ref,reactive,computed} from "vue"
	import {onLoad} from "@dcloudio/uni-app"
	
	const title=ref('hello')
	onLoad(()=>{
		console.log("onload生命周期")
	})
// async function fetchdata(){
// 	let arrs=Array.from({length:3},(_,index)=>index+1)
// 	let datas=[]
// 	for(let i=0;i<arrs.length;i++){
// 		const {data}=await uni.request({
// 			url:"http://jsonplaceholder.typicode.com/posts/"+arrs[i]
// 		})
// 		datas.push(data)
// 	}
// 	console.log(datas)
// }
// fetchdata()


// let arrs=[{name:"华为",price:6999},{name:"小米",price:999},{name:"苹果",price:8999}]
// let newarrs=arrs.map(item=>{
// 	return item.name
// })
// let newarrs=arrs.map(item=>{
// 	return{
// 		...item,
// 		number:888
// 	}
// })
// let newarrs =arrs.map(=>{
// 	return{
// 		...item,
// 		price:item.price+"元",
// 		number:888
// 	}
// })

// let newarrs=arrs.reduce((pre,cur)=>{	
// 	pre.push({
// 		...cur,
// 		price:cur.price+"元",
// 		number:8888
// 	})
// 	return pre
// },[])

// let newarrs=arrs.reduce((pre,cur)=>{
// 	pre.push({
// 		value:cur.name,
// 		text:cur.price
// 	})
// 	return pre
// },[])

const list=reactive([])
// console.log(newarrs)
// console.log(Array.isArray(newarrs))


let arrs=[1,2,3]
let datas=arrs.map(async item=>{
	let res=await uni.request({
		url:"http://jsonplaceholder.typicode.com/posts/"+item
	})
	return res
})
console.log(datas[0])
let kaka= Promise.all(datas).then(res=>{
  this.list=res
})



// let res=[{name:"华为",price:6999},{name:"小米",price:999},{name:"苹果",price:8999}]

// let kaka=res.reduce((pre,cur)=>{
// 	pre.push(cur)
// 	return pre
// },[])
// console.log(kaka)

// let arrs=[1,2,3]	
// let kaka=[]
// let datas=arrs.reduce((pre,cur,index)=>{		
// 	let res=  uni.request({
// 		url:"http://jsonplaceholder.typicode.com/posts/"+cur,			
// 	})
// 	pre.push(res)
// 	return pre
// },[])
// console.log(datas)
// Promise.all(datas).then(res=>{
// 	console.log(res)
// })


</script>

<style scoped>
	.content {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}

	.logo {
		height: 200rpx;
		width: 200rpx;
		margin-top: 200rpx;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 50rpx;
	}

	.text-area {
		display: flex;
		justify-content: center;
	}

	.title {
		font-size: 36rpx;
		color: #8f8f94;
	}
	.list{
		font-size:30rpx;
	}
</style>
